@import '../../assets/css/mixins.scss';

.up-data-page {
  height: 100%;

  .form-group {
    display: flex;
    align-items: flex-end;

    .form-item {
      width: 23%;
      margin-right: 2%;
    }

    .btn-group {
      .ant-btn-primary {
        width: 120px;
        margin-right: 20px;
      }
    }
  }

  .result-body {
    display: flex;
    flex-direction: column;
    height: calc(100% - 84px);
    margin-bottom: 0px;

    .result-header {
      flex: none;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .total {
        em {
          color: var(--a);
        }
      }
    }

    .result-table {
      flex: 1;
      margin-bottom: 10px;

      .ant-table-body {
        overflow-y: auto !important;
        @include scrollBar(transparent,var(--scrollbar-color));
      }
    }

    .pagination-box {
      flex: none;
      text-align: center;
    }
  }
}

.edit-data-modal {
  .info-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .table-wrap {
    .ant-table-body {
      overflow-y: auto !important;
      @include scrollBar(transparent,var(--scrollbar-color));
      .ant-input-number{
        width: 100%;
      }
    }
    .editable-row .ant-form-item-explain {
      position: absolute;
      top: 100%;
      font-size: 12px;
    }
  }
}
